<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
		<link rel="shortcut icon" href="../../img/icon/bitbug_favicon.ico">
		<link rel="stylesheet" href="../../css/mui/mui.min.css" />
		<title>邀请好友</title>
		<style>
			.mui_aetd {
				width: 100%;
				height: 50px;
				background: #FFFFFF;
				position: fixed;
				top: 0px;
				z-index: 888;
			}
			
			.aeta_b {
				width: 100%;
				height: 100%;
				float: left;
			}
			
			.aeta_b img {
				width: 10px;
				height: 15px;
				display: block;
				margin-top: 0.44rem;
				float: left;
				margin-top: 17.5px;
			}
			
			.qy_detas {
				text-align: center;
				color: #000000;
				font-size: 1.2rem;
				line-height: 50px
			}
			
			.invite_box {
				width: 100%;
				height: 100%;
				position: fixed;
				top: 50px;
				left: 0px;
				right: 0px;
				bottom: 0px;
			}
			
			.invite_box .img_codegbk {
				width: 100%;
				height: 100%;
			}
			
			.code_imgbox {
				width: 80%;
				height: 360px;
				background: #FFFFFF;
				position: fixed;
				top: 25%;
				left: 10%;
			}
			
			.code_imgbox .code_one {
				width: 100%;
				height: 59px;
				background: #3CAFFF;
				color: #FFFFFF;
				text-align: center;
				line-height: 59px;
				font-size: 21px;
				font-weight: bold;
			}
			
			.code_imgbox .code_two {
				width: 70%;
				height: 200px;
				margin: 0 auto;
				margin-top: 35px;
			}
			
			.code_imgbox .code_two img,
			canvas {
				width: 100%;
				height: 100%;
				display: block;
			}
			
			.code_imgbox .code_three {
				text-align: center;
				margin: 0 auto;
				margin-top: 8px;
				font-size: 14px;
				color: #444444;
			}
			
			@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) {
				.code_imgbox {
					width: 80%;
					height: 320px;
					background: #FFFFFF;
					position: fixed;
					top: 25%;
					left: 10%;
				}
				.code_imgbox .code_one {
					width: 100%;
					height: 50px;
					background: #3CAFFF;
					color: #FFFFFF;
					text-align: center;
					line-height: 50px;
					font-size: 18px;
					font-weight: bold;
				}
				.code_imgbox .code_two {
					width: 70%;
					height: 180px;
					margin: 0 auto;
					margin-top: 30px;
				}
				.code_imgbox .code_two img,
				canvas {
					width: 100%;
					height: 100%;
					display: block;
				}
			}
			
			@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-device-pixel-ratio: 3) {
				.code_imgbox {
					width: 80%;
					height: 410px;
					background: #FFFFFF;
					position: fixed;
					top: 25%;
					left: 10%;
				}
				.code_imgbox .code_one {
					width: 100%;
					height: 59px;
					background: #3CAFFF;
					color: #FFFFFF;
					text-align: center;
					line-height: 59px;
					font-size: 21px;
					font-weight: bold;
				}
				.code_imgbox .code_two {
					width: 70%;
					height: 240px;
					margin: 0 auto;
					margin-top: 40px;
				}
				.code_imgbox .code_two img,
				canvas {
					width: 100%;
					height: 100%;
					display: block;
				}
			}
		</style>
	</head>

	<body>
		<div class="mui_aetd" id="mui_aetd">
			<div class="aeta_b">
				<a href="../personal/personal.html" class="mui-icon mui-icon-left-nav mui-pull-left" style="color: #6D6D72;margin-left: 2%;font-size: 2rem;line-height: 3rem;"></a>
				<div class="qy_detas">邀请好友</div>
			</div>
		</div>
		<div class="invite_box">
			<img class="img_codegbk" src="../../img/invite/dianyuan_02.jpg">
		</div>
		<div class="code_imgbox">
			<div class="code_one">邀请二维码</div>
			<div class="code_two" id="qrcode"></div>
			<div class="code_three">邀请二维码</div>
		</div>
	</body>
	<script type="text/javascript" src="../../js/mui/mui.min.js"></script>
	<script type="text/javascript" src="../../js/jquery/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="../../js/jquery.qrcode.min.js"></script>
	<script type="text/javascript" src="../../js/common.js"></script>
	<script type="text/javascript">
		if(isiOS) {
			$("#mui_aetd").css("display", "none");
			$(".invite_box").css({
				position: "fixed",
				top: "0px"
			});
			$(".code_imgbox").css({
				position: "fixed",
				top: "20%"
			});
		}
		var url = urlProtocol + "//www.lanpin123.com/bluehired/login.html"; //上线
//		var url = urlProtocol + "//192.168.0.108:8080/bluehired/login.html"; //测试路径
		var identity_code = identity; //cookie中获取的邀请人唯一标识
		var url_code = url + "?identity=" + identity_code;
		$('#qrcode').qrcode({
			text: url_code,
			height: 300,
			width: 300,
			src: '../../img/icon/114.png'
		})
	</script>

</html>